<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#demo1{
				width: 300px;
				height: 200px;
			}
			#demo2{
				width: 1000px;
				height: 400px;
			}
			#demo3{
				width: 500px;
				height: 300px;
			}
			#demo4{
				width: 100vw;
				height: 30vw;
			}
		</style>
	</head>
	<body>
		<div id="demo1"></div>
		<div id="demo2"></div>
		<div id="demo3"></div>
		<div id="demo4"></div>
	</body>
	<script src="libs/jquery-3.1.1.min.js"></script>
	<script src="libs/yby-imgRun.js"></script>
	<script type="text/javascript">
		$(function(){
			var param = {	/*创建轮播图的选项设置*/
				list:[
					{src:"img/bannerDefaultLogo_01.png",href:"http://www.baidu.com"},
					{src:"img/bannerDefaultLogo_02.png",href:"#"},
					{src:"img/bannerDefaultLogo_03.png",href:"#"},
					{src:"img/bannerDefaultLogo_04.png",href:"#"}
				],
				point:true		/*默认创建原点，false--取消*/
			}
			new ImgRun("#demo1",param);
			new ImgRun("#demo2",param);
			new ImgRun("#demo3",param);
			new ImgRun("#demo4",param);
		})
	</script>
</html>
